[workbench-ask-list]{
  border-radius: 8px;
  margin-left: 10px;
  margin-right: 10px;

  margin-top: 44px;
  background: #fff;
  position: relative;
  .item{
    padding-top: 5px;
    padding-bottom: 10px;
    display: flex;
    i{
      font-style: normal;
      margin-right: 10px;
      padding-top: 30px;
      color: #ff5733;
    }

    border-bottom: 1px solid #eee;

    justify-content: space-between;
    .cell{
      .text{
        padding-left:80px;
        span{
          font-size: 10px;
          background: #00baad;
          color: #fff;
          padding: 2px 4px;
          border-radius: 3px;

        }
      }
      img{
        position: absolute;
        top: -20px;
        left: 10px;
        height: 64px;
        width: 64px;
        border-radius: 50%;
      }
    }

  }
  .center{
    div{
      padding: 5px 0;
      p{
        position: relative;
        color: #555;
        font-size: 13px;
        line-height: 18px;
        text-indent: 15px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 5px 0;
        //line-height: 1.5;
      }
      p:nth-child(1)::before{
        content: '';
        display: block;
        left: 5px;
        top: 50%;
        margin-top: -3px;
        height: 6px;
        width: 6px;
        border-radius: 50%;
        background:#e5e5e5;
        position: absolute;
      }
      p:nth-child(2)::before{
        content: '';
        display: block;
        left: 5px;
        top: 50%;
        margin-top: -3px;
        height: 6px;
        width: 6px;
        border-radius: 50%;
        background:#ffc300;
        position: absolute;
      }
      p:nth-child(3)::before{
        content: '';
        display: block;
        left: 5px;
        top: 50%;
        margin-top: -3px;
        height: 6px;
        width: 6px;
        border-radius: 50%;
        background:#ff5733;
        position: absolute;
      }
    }
  }
}
